//变量
@mixin flex($flex-flow:row, $justify-content:center, $align-items:center) { 
  display: flex;
  flex-flow: $flex-flow;
  justify-content: $justify-content;
  align-items: $align-items
}
@mixin textOverflow() {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
@mixin padding($x: 0, $y: 0) { 
  padding: $y $x;
  box-sizing: border-box;
}

@mixin bg-image($url) {
  background-image: url('../assets/img/'+$url+'.png');
  @media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
    background-image: url('../assets/img/'+$url+'@2x.png');
  }
  @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
    background-image: url('../assets/img/'+$url+'@3x.png');
  }
  background-repeat:no-repeat;
  background-size:100% 100%;
}

@import './theme.scss'